<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css" />

    <!-- 自定义样式 -->
    <link rel="stylesheet" href="./css/index.css" />

    <link rel="stylesheet" href="./assets/font-awesome-4.7.0/css/font-awesome.min.css" />


</head>

<body>



    <div class="nav">

        <div class="content">
            <div class="left">

                <ul>
                    <li><a href="">小米官网</a> </li>
                    <li class="split">|</li>
                    <li><a href="">小米商城</a></li>
                    <li class="split">|</li>
                    <li><a href="">小米澎湃OS</a></li>
                    <li class="split">|</li>
                    <li><a href="">云服务</a></li>
                    <li class="split">|</li>
                    <li><a href="">IoT</a></li>
                    <li class="split">|</li>
                    <li><a href="">有品</a></li>
                    <li class="split">|</li>
                    <li><a href="">小爱开放平台</a></li>
                    <li class="split">|</li>
                    <li><a href="">资质证照</a></li>
                    <li class="split">|</li>
                    <li><a href="">协议规则</a></li>
                    <li class="split">|</li>
                    <li><a href="">下载app</a></li>
                    <li class="split">|</li>
                    <li><a href="">Select Location</a></li>


                </ul>




            </div>
            <div class="right">
                <ul>
                    <li><a href="">登录</a> </li>
                    <li>|</li>
                    <li><a href="">注册</a></li>
                    <li>|</li>
                    <li><a href="">消息通知</a></li>


                    <li>



                    </li>
                    <li class="cart"><a href="">购物车的图 购物车 （0）</a>

                        <div class="cart_detail">
                            购物车的内容

                        </div>
                    </li>

                    <ul>

            </div>
        </div>


    </div>





    <div class="search">

        <div class="logo">

            <a href="#"></a>



        </div>
        <div class="cates">

            <span> <a href="#">Xiaomi手机 </a> </span>
            <span> <a href="#"> Redmi手机</a> </span>
            <span> <a href="#"> 电视</a> </span>
            <span> <a href="#"> 笔记本</a> </span>
            <span> <a href="#"> 平板</a> </span>
            <span> <a href="#"> 家电</a> </span>
            <span> <a href="#"> 路由器</a> </span>
            <span> <a href="#"> 服务中心</a> </span>
            <span> <a href="#"> 社区</a> </span>



        </div>
        <div class="searchWrap">

            <input type="text" placeholder="吹风机">
            <span>
                <i class="fa fa-search"></i>
            </span>

        </div>
    </div>


    <!-- <div class="cates">分类</div> -->

    <div class="home-hero-sub">
        <div class="cate_list">
            <!-- unorder list  -->
            <ul>
                <!-- less then   greate then  -->
                <li> <a href="" cate_href="cate_href">电视</a> <span class="flag"> &gt; </span></li>
                <li> <a href="" cate_href="cate_href">家电</a> <span class="flag"> &gt; </span></li>
                <li> <a href="" cate_href="cate_href">笔记本 平板 显示器</a> <span class="flag"> &gt; </span></li>
                <li> <a href="" cate_href="cate_href">出行 穿戴</a> <span class="flag"> &gt; </span></li>
                <li> <a href="" cate_href="cate_href">耳机 音箱</a> <span class="flag"> &gt; </span></li>
                <li> <a href="" cate_href="cate_href">健康 儿童</a> <span class="flag"> &gt; </span></li>
                <li> <a href="" cate_href="cate_href">生活 箱包</a> <span class="flag"> &gt; </span></li>
                <li> <a href="" cate_href="cate_href">智能 路由器</a> <span class="flag"> &gt; </span></li>
                <li> <a href="" cate_href="cate_href">电源 配件</a> <span class="flag"> &gt; </span></li>



            </ul>
            <div class="cate_detail_wrap">

                <div class="cate_detail">
                    <div class="product"> </div>
                    <div class="product"> </div>
                    <div class="product"> </div>
                    <div class="product"> </div>
                    <div class="product"> </div>


                </div>
            </div>



        </div>

        <div class="swiper">



            <div class="swiperitem" style="opacity: 1;">
                <img src="./imgs/swiper/s4.jpg" width="100%" height="100%" />
            </div>

            <div class="swiperitem">
                <img src="./imgs/swiper/s6.jpg" width="100%" height="100%" />
            </div>
            <div class="swiperitem">
                <img src="./imgs/swiper/s2.jpg" width="100%" height="100%" />
            </div>
            <div class="swiperitem">
                <img src="./imgs/swiper/s1.jpg" width="100%" height="100%" />
            </div>
            <div class="swiperitem">
                <img src="./imgs/swiper/s3.jpg" width="100%" height="100%" />
            </div>

            <div class="swiperitem">
                <img src="./imgs/swiper/s5.jpg" width="100%" height="100%" />
            </div>
            <div class="change changeleft">
                <div class="flag"></div>
            </div>
            <div class="change changeright">

                <div class="flag"></div>

            </div>

        </div>


        <div class="dots">
            <span class="active"> </span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>


    </div>



    <!-- 推荐商品--=横条 start   -->
    <div class="home-hero-sub2">
        <div class="item item1">
            <div class="block">
                <i class="fa fa-search"></i>
                <div>保障服务</div>
            </div>
            <div class="block">
                <i class="fa fa-bath"></i>
                <div>企业团购</div>
            </div>
            <div class="block">
                <i class="fa fa-beer"></i>
                <div>F码通道</div>
            </div>
            <div class="block">
                <i class="fa fa-car "></i>
                <div>米粉卡</div>
            </div>
            <div class="block">
                <i class="fa fa-fax"></i>
                <div>以旧换新</div>
            </div>
            <div class="block">
                <i class="fa fa-edit"></i>
                <div>话费充值</div>
            </div>


        </div>
        <!-- ALT +SHIFT +F  -->
        <div class="item item2">
            <img src="./imgs/sub2/1ac77590368ff636d0b4f6a988133f55.png" alt="">
        </div>
        <div class="item item2">
            <img src="./imgs/sub2/6b67117bc92924fb2ff0e7ad2be86084.png" alt="">
        </div>
        <div class="item item2">
            <img src="./imgs/sub2/8dede2520f8dfff9c9b690af498cafe8.jpg" alt="">
        </div>
    </div>
    <!-- 推荐商品--=横条 end   -->




    <div class="recommended_product_container">



        <div class="hot_commodity">


            <span class="num">9</span>
            <span class="split">：</span>
            <span class="num">59</span>
            <span class="split">：</span>
            <span class="num">59</span>





        </div>



        <!-- 推荐商品  手机 start  -->
        <div class="recommended_product_phone">
            <div class="title">

                <div class="l">
                    手机
                </div>
                <div class="r">
                    <span>查看更多</span>
                    <span>
                        >
                    </span>
                </div>

                <div class="clearfix"></div>

            </div>
            <div class="product">
                <div class="bigproduct">
                    <img src="./imgs/product/dcf9ed8c01a7c3d0bf3ecbca3f22537c.webp" />
                </div>

                <div class="productitems">
                    <div class="item">
                        <div class="pic">
                            <img src="./imgs/product/phone/p1.webp" alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">性能魔王 全面进化</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1f2a2b0cbf65d5d0ba5c715b0215493b.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">4.01英寸多功能超大外屏|徕卡光学Summilux镜头</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202407181428_bcbd77c13f958f6acc18dee8899cb7a1.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">超轻薄四曲面机身|小米龙骨转轴2.0|全碳纤维支撑架构</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/adde6bae41441887017824f46cf31602.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">性能旋风，席卷而来</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202403201526_60b548a0614d956b2d3667a63d513539.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">徕卡光学Summilux镜头 | 5000万徕卡人像镜头</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f2a277341a09a63bbb7bba12d154c4e6.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">徕卡全明星四摄 | 双向卫星通信 | 小米澎湃OS</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2e920ac7e3d197923acbd6388b80cc49.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">第三代骁龙8 年度旗舰平台</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202311281411_fc68b941c011a8bbf67db570d0985d7a.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">第三代骁龙8 年度旗舰平台</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>

                </div>
            </div>



        </div>
        <!-- 推荐商品  手机 start  -->



        <!-- 推荐商品  手机 start  -->
        <div class="recommended_product_phone">
            <div class="title clearfix">

                <div class="l">
                    智能穿戴
                </div>
                <div class="r ">

                    <div class="tabs">

                        <div class="tab">耳机</div>
                        <div class="tab active">穿戴</div>
                    </div>

                </div>

                <div class="clearfix"></div>

            </div>
            <div class="product">
                <div class="bigproduct">
                    <img src="./imgs/product/dcf9ed8c01a7c3d0bf3ecbca3f22537c.webp" />
                </div>

                <div class="productitems">
                    <div class="item">
                        <div class="pic">
                            <img src="./imgs/product/phone/p1.webp" alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">性能魔王 全面进化</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1f2a2b0cbf65d5d0ba5c715b0215493b.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">4.01英寸多功能超大外屏|徕卡光学Summilux镜头</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202407181428_bcbd77c13f958f6acc18dee8899cb7a1.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">超轻薄四曲面机身|小米龙骨转轴2.0|全碳纤维支撑架构</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/adde6bae41441887017824f46cf31602.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">性能旋风，席卷而来</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202403201526_60b548a0614d956b2d3667a63d513539.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">徕卡光学Summilux镜头 | 5000万徕卡人像镜头</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f2a277341a09a63bbb7bba12d154c4e6.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">徕卡全明星四摄 | 双向卫星通信 | 小米澎湃OS</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2e920ac7e3d197923acbd6388b80cc49.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">第三代骁龙8 年度旗舰平台</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202311281411_fc68b941c011a8bbf67db570d0985d7a.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">第三代骁龙8 年度旗舰平台</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>

                </div>
            </div>



        </div>
        <!-- 推荐商品  手机 start  -->



        <!-- 推荐商品  手机 start  -->
        <div class="recommended_product_phone">
            <div class="title">

                <div class="l">
                    电脑
                </div>
                <div class="r">
                    <span>查看更多</span>
                    <span>
                        >
                    </span>
                </div>

                <div class="clearfix"></div>

            </div>
            <div class="product">
                <div class="bigproduct">
                    <img src="./imgs/product/dcf9ed8c01a7c3d0bf3ecbca3f22537c.webp" />
                </div>

                <div class="productitems">
                    <div class="item">
                        <div class="pic">
                            <img src="./imgs/product/phone/p1.webp" alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">性能魔王 全面进化</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1f2a2b0cbf65d5d0ba5c715b0215493b.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">4.01英寸多功能超大外屏|徕卡光学Summilux镜头</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202407181428_bcbd77c13f958f6acc18dee8899cb7a1.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">超轻薄四曲面机身|小米龙骨转轴2.0|全碳纤维支撑架构</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/adde6bae41441887017824f46cf31602.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">性能旋风，席卷而来</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202403201526_60b548a0614d956b2d3667a63d513539.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">徕卡光学Summilux镜头 | 5000万徕卡人像镜头</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f2a277341a09a63bbb7bba12d154c4e6.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">徕卡全明星四摄 | 双向卫星通信 | 小米澎湃OS</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2e920ac7e3d197923acbd6388b80cc49.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">第三代骁龙8 年度旗舰平台</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202311281411_fc68b941c011a8bbf67db570d0985d7a.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">第三代骁龙8 年度旗舰平台</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>

                </div>
            </div>



        </div>
        <!-- 推荐商品  手机 start  -->




    </div>

    <!-- <div style="display: ;"    display="none |block">
        

    </div>
        -->

    <script>


        let li = document.querySelector(".cart");
        li.addEventListener('mouseover', function () {
            let cart_detail = document.querySelector(".cart_detail");
            cart_detail.style.display = 'block'
            li.style.backgroundColor = "white"

        })

        li.addEventListener('mouseout', function () {
            let cart_detail = document.querySelector(".cart_detail");
            cart_detail.style.display = 'none'
            li.style.backgroundColor = "#424242"

        })


        let index = 0;
        let prev = 0;
        //轮播图
        //定时执行  3000 
        setInterval(function () {

            //所有的轮播图
            let swiperitems = document.querySelectorAll(".swiperitem")





            prev = index
            index++;
            if (index >= swiperitems.length) {
                index = 0;
            }

            //都点
            let spans = document.querySelectorAll(".dots span")
            for (let i = 0; i < spans.length; i++) {
                spans[i].className = ''
            }
            spans[index].className = 'active'

            //隐藏当前的
            console.log(`隐藏当前的元素 ;${prev}`);
            hidePrev();
            //显示下一个
            console.log(`显示当前的元素 ;${index}`);
            showCurrent();
        }, 3000)

        function hidePrev() {
            let swiperitems = document.querySelectorAll(".swiperitem")
            let preOpacity = 1;
            let hideTimeId = setInterval(function () {
                preOpacity = preOpacity - 0.05;
                if (preOpacity <= 0) {
                    clearInterval(hideTimeId)
                }
                swiperitems[prev].style.opacity = preOpacity
            }, 100)
        }

        function showCurrent() {
            let swiperitems = document.querySelectorAll(".swiperitem")
            let currentOpacity = 0;
            let hideTimeId = setInterval(function () {
                currentOpacity = currentOpacity + 0.05;
                if (currentOpacity > 1) {
                    clearInterval(hideTimeId)
                }
                swiperitems[index].style.opacity = currentOpacity
            }, 100)
        }


        //分类列表
        let currentCateListItem = null;
        let cate_list = document.querySelector(".cate_list")
        let cate_detail_wrap = document.querySelector(".cate_detail_wrap")
        cate_list.addEventListener("mousemove", function (event) {


            cate_detail_wrap.style.display = "block";


            let target = event.target;
            if (currentCateListItem != target) {

                let cate_href = target.getAttribute("cate_href");
                if (cate_href) {
                    currentCateListItem = target;

                    console.log("currentCateListItem.innerText", currentCateListItem.innerText);

                    loadCateDetails(currentCateListItem.innerText)
                }

            }

        })


        cate_list.addEventListener("mouseout", function (event) {

            console.log("移除")
            cate_detail_wrap.style.display = "none";

        });


        /***
         * 
         *   <div class="cate_detail_wrap">
                <div class="product"> </div>
                <div class="product"> </div>
                <div class="product"> </div>
                <div class="product"> </div>
                <div class="product"> </div>


            </div>
         */
        function loadCateDetails(type) {
            let cate_detail = document.querySelector(".cate_detail");
            //先清空元素
            cate_detail.innerHTML = ''

            //在追加新的 分类
            let products = new Array(Math.floor(Math.random() * 100) % 6) + 1


            for (let i = 0; i < products.length; i++) {
                let product = document.createElement("div");
                product.className = 'product';

                product.innerText = type + ":" + i
                cate_detail.appendChild(product);
            }

        }





        let time = 10 * 60 * 60
        let hour = 9
        let min = 1;
        let sec = 5

        let nums = document.querySelectorAll(".hot_commodity .num");
        let hourDiv = nums[0];
        let misDiv = nums[1];
        let secDiv = nums[2];


        //倒计时抢手机
        setInterval(function () {



            sec--


            if (sec < 0) {
                sec = 59;

                min--
            }

            if (min < 0) {
                hour--;
                min = 59
            }





            hourDiv.innerText = hour;
            misDiv.innerText = min;
            secDiv.innerText = sec;

        }, 1000);





    </script>


</body>

</html>